<template>
	<view style="background-color: rgb(247, 250, 253);  height: 100vh;">
		<view class="healthyCard">
			<image src="/static/体重.png" mode="" style="background-color: rgb(41, 132, 248);"></image>
			<view style="display: flex; justify-content: space-between; width: 460rpx;">
				<view class="index">
						<text>体重</text>
						<text style="font-size: 24rpx;
				color: #999;">2020/099/09 10.20</text>
					</view>
					<view class="state">
							<view>
								<text>50.0</text>
								<text style="font-size: 24rpx;
				color: #999;">Kg</text>
							</view>
							<uni-tag text="正常" type="error" />
					</view>
			</view>
	
		</view>
		
		
		
		
		<view class="healthyCard">
			<image src="/static/血糖 (1).png" mode="" style="background-color: rgb(108, 118, 244);"></image>
			<view style="display: flex; justify-content: space-between;  width: 460rpx;">
				<view class="index">
						<text>血糖</text>
						<text style="font-size: 24rpx;
				color: #999;">2020/099/09 10.20</text>
					</view>
					<view class="state">
							<view>
								<text>9.6</text>
								<text style="font-size: 24rpx;
				color: #999;">mmol/L</text>
							</view>
							<uni-tag text="偏低" type="error" />
					</view>
			</view>
		</view>
		
		
		
		
		
		<view class="healthyCard">
			<image src="/static/血压.png" mode="" style="background-color: rgb(40, 208, 148);"></image>
			<view style="display: flex; justify-content: space-between;  width: 460rpx;">
				<view class="index">
						<text>血压</text>
						<text style="font-size: 24rpx;
				color: #999;">2020/099/09 10.20</text>
					</view>
					<view class="state">
							<view>
								<text>120/80</text>
								<text style="font-size: 24rpx;
				color: #999;">mmHg</text>
							</view>
							<uni-tag text="正常" type="error" />
					</view>
			</view>
		
		</view>
		
		
		
		
		
		<view class="healthyCard">
			<image src="/static/心率.png" mode="" style="background-color: rgb(250, 116, 107);"></image>
			<view style="display: flex; justify-content: space-between;  width: 460rpx;">
				<view class="index">
						<text>心率</text>
						<text style="font-size: 24rpx;
				color: #999;">2020/099/09 10.20</text>
					</view>
					<view class="state">
							<view>
								<text>90</text>
								<text style="font-size: 24rpx;
				color: #999;">bmp</text>
							</view>
							<uni-tag text="正常" type="error" />
					</view>
			</view>
		
		</view>
	</view>
</template>

<script>

</script>

<style scoped lang="scss">
.healthyCard{
	background-color: rgb(255, 255, 255);
	height: 212rpx;
	width: 670rpx;
	margin: 80rpx auto;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	border-radius:20rpx ;
	image{
		width: 112rpx;
		height: 112rpx;
		border-radius: 10rpx;
		background-color: #999;
	}
}
.index{
	display: flex;
	flex-direction: column;
	font-size: 40rpx;
	text-align: left;
}
.state{
	display: flex;
	flex-direction: column;
	text-align: right;
	
}


</style>
